<%@ page import="br.edu.ufam.avaliacao.Avaliacao" %>

<html>
    <head>        
        <meta name="layout" content="main" />        
        <g:javascript src="app/buttons.js" />
          </head>
    <body>
        <h1>Resultado da Avaliação: <b>${avaliacaoInstance.curso.codCurso} - ${avaliacaoInstance.curso.nomeCursoDiploma} ${avaliacaoInstance.dateStart.format("dd/MM/yyyy")} - ${avaliacaoInstance.dateEnd.format("dd/MM/yyyy")}</b></h1>
        <hr />
        <g:if test="${flash.message}">
            <div class="message">${flash.message}</div>
        </g:if>
        <g:if test="${flash.errors}">
            <div class="errors"><ul><li>${flash.errors}</li></ul></div>
                    </g:if>
        <div id="validateErrors"class="errors" style="display:none;">
            <ul></ul>
        </div>
        <br/>
        <g:form name="formAjax" controller="avaliador" method="post">
            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">1 - ORGANIZAÇÃO DIDÁTICO-PEDAGÓGICO</a></li>
                    <li><a href="#tabs-2">2 - CORPO DOCENTE E TUTORIAL</a></li>
                    <li><a href="#tabs-3">3 - INFRAESTRUTURA</a></li>                    
                    <li><a href="#tabs-5"> GERAL</a></li>
                </ul>
                <div id="tabs-1">
           <div class="list" >
                <table>
                    <thead>
                        <tr>

                            <td><b>Indicador</b></td>
                            <td><b>Meta<br>(Respondido pelo coordenador do curso)</b></td>
                            <td><b>Resposta do avaliador</b></td>
                            <td><b>Situação</b></td>                            
                        </tr>
                    </thead>
                    <tbody>
                        <g:each in="${indicadores1}" status="i" var="indicador">
                            <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">

                                <td><b>1.${indicador.ordem}</b> - ${indicador.titulo}</td>
                                
                                <g:if test="${respostaCoordenador1.get(i).conceito == 1}">
                                    <td><b>${respostaCoordenador1.get(i).conceito}</b> - ${indicador.criterio1}</td>
                                </g:if>
                                <g:elseif test="${respostaCoordenador1.get(i).conceito == 2}">
                                    <td><b>${respostaCoordenador1.get(i).conceito}</b> - ${indicador.criterio2}</td>
                                </g:elseif>
                                <g:elseif test="${respostaCoordenador1.get(i).conceito == 3}">
                                    <td><b>${respostaCoordenador1.get(i).conceito}</b> - ${indicador.criterio3}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaCoordenador1.get(i).conceito == 4}">
                                    <td><b>${respostaCoordenador1.get(i).conceito}</b> - ${indicador.criterio4}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaCoordenador1.get(i).conceito == 5}">
                                    <td><b>${respostaCoordenador1.get(i).conceito}</b> - ${indicador.criterio5}</td>
                                </g:elseif>
                                <g:else>
                                    <td><b>${respostaCoordenador1.get(i).conceito}</b> - NSA</td>
                                </g:else>                                
                                

                                                                
                                <g:if test="${respostaAvaliador1.get(i).conceito == 1}">
                                    <td><b>${respostaAvaliador1.get(i).conceito}</b> - ${indicador.criterio1}</td>
                                </g:if>
                                <g:elseif test="${respostaAvaliador1.get(i).conceito == 2}">
                                    <td><b>${respostaAvaliador1.get(i).conceito}</b> - ${indicador.criterio2}</td>
                                </g:elseif>
                                <g:elseif test="${respostaAvaliador1.get(i).conceito == 3}">
                                    <td><b>${respostaAvaliador1.get(i).conceito}</b> - ${indicador.criterio3}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaAvaliador1.get(i).conceito == 4}">
                                    <td><b>${respostaAvaliador1.get(i).conceito}</b> - ${indicador.criterio4}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaAvaliador1.get(i).conceito == 5}">
                                    <td><b>${respostaAvaliador1.get(i).conceito}</b> - ${indicador.criterio5}</td>
                                </g:elseif>
                                <g:else>
                                    <td><b>${respostaAvaliador1.get(i).conceito}</b> - NSA</td>
                                </g:else> 
                                
                                <g:if test="${respostaCoordenador1.get(i).conceito > respostaAvaliador1.get(i).conceito}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                </g:if>   
                                <g:elseif test="${respostaCoordenador1.get(i).conceito < respostaAvaliador1.get(i).conceito}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                </g:else>   

                            </tr>
                        </g:each>
                    </tbody>
                </table>
                
                <br><br>
                
                <div style="width: 100% ; text-align: center">                     
                <g:form name="ajaxForm" >
                    <table class="tabelas" cellpadding="5" cellspacing="1">
                        <tr>
                            <td valign="top" align="center"><img src="../images/skin/same.png" width="24" height="24"></td>
                            <td > <strong>${countSame1}</strong> indicadores atingiram a meta definida pelo coordenador do curso </td>
                        </tr>
                        <tr>
                            <td valign="top" align="right"><img src="../images/skin/positive.png" width="24" height="24"></td>
                             <td ><strong>${countPositive1}</strong> indicadores superaram a meta definida pelo coordenador do curso </td>
                            </td>
                        </tr>

                        <tr>
                            <td valign="top" align="right"><img src="../images/skin/negative.png" width="24" height="24"></td>
                             <td ><strong>${countNegative1}</strong> indicadores ficaram abaixo da meta definida pelo coordenador do curso </td>
                            </td>
                        </tr>                        
                    </table>                    
                </g:form>
                <br/>                
            </div>
                
            </div>            
                </div>
                <div id="tabs-2">
                      <div class="list" >
                <table>
                    <thead>
                        <tr>

                            <td><b>Indicador</b></td>
                            <td><b>Meta<br>(Respondido pelo coordenador do curso)</b></td>
                            <td><b>Resposta do avaliador</b></td>
                            <td><b>Situação</b></td>                            
                        </tr>
                    </thead>
                    <tbody>
                        <g:each in="${indicadores2}" status="i" var="indicador">
                            <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">

                                <td><b>2.${indicador.ordem}</b> - ${indicador.titulo}</td>
                                
                                <g:if test="${respostaCoordenador2.get(i).conceito == 1}">
                                    <td><b>${respostaCoordenador2.get(i).conceito}</b> - ${indicador.criterio1}</td>
                                </g:if>
                                <g:elseif test="${respostaCoordenador2.get(i).conceito == 2}">
                                    <td><b>${respostaCoordenador2.get(i).conceito}</b> - ${indicador.criterio2}</td>
                                </g:elseif>
                                <g:elseif test="${respostaCoordenador2.get(i).conceito == 3}">
                                    <td><b>${respostaCoordenador2.get(i).conceito}</b> - ${indicador.criterio3}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaCoordenador2.get(i).conceito == 4}">
                                    <td><b>${respostaCoordenador2.get(i).conceito}</b> - ${indicador.criterio4}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaCoordenador2.get(i).conceito == 5}">
                                    <td><b>${respostaCoordenador2.get(i).conceito}</b> - ${indicador.criterio5}</td>
                                </g:elseif>
                                <g:else>
                                    <td><b>${respostaCoordenador2.get(i).conceito}</b> - NSA</td>
                                </g:else>                                
                                

                                                                
                                <g:if test="${respostaAvaliador2.get(i).conceito == 1}">
                                    <td><b>${respostaAvaliador2.get(i).conceito}</b> - ${indicador.criterio1}</td>
                                </g:if>
                                <g:elseif test="${respostaAvaliador2.get(i).conceito == 2}">
                                    <td><b>${respostaAvaliador2.get(i).conceito}</b> - ${indicador.criterio2}</td>
                                </g:elseif>
                                <g:elseif test="${respostaAvaliador2.get(i).conceito == 3}">
                                    <td><b>${respostaAvaliador2.get(i).conceito}</b> - ${indicador.criterio3}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaAvaliador2.get(i).conceito == 4}">
                                    <td><b>${respostaAvaliador2.get(i).conceito}</b> - ${indicador.criterio4}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaAvaliador2.get(i).conceito == 5}">
                                    <td><b>${respostaAvaliador2.get(i).conceito}</b> - ${indicador.criterio5}</td>
                                </g:elseif>
                                <g:else>
                                    <td><b>${respostaAvaliador2.get(i).conceito}</b> - NSA</td>
                                </g:else> 
                                
                                <g:if test="${respostaCoordenador2.get(i).conceito > respostaAvaliador2.get(i).conceito}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                </g:if>   
                                <g:elseif test="${respostaCoordenador2.get(i).conceito < respostaAvaliador2.get(i).conceito}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                </g:else>   

                            </tr>
                        </g:each>
                    </tbody>
                </table>
            </div>      

<br><br>
                
                <div style="width: 100% ; text-align: center">                     
                <g:form name="ajaxForm" >
                    <table class="tabelas" cellpadding="5" cellspacing="1">
                        <tr>
                            <td valign="top" align="center"><img src="../images/skin/same.png" width="24" height="24"></td>
                            <td > <strong>${countSame2}</strong> indicadores atingiram a meta definida pelo coordenador do curso </td>
                        </tr>
                        <tr>
                            <td valign="top" align="right"><img src="../images/skin/positive.png" width="24" height="24"></td>
                             <td ><strong>${countPositive2}</strong> indicadores superaram a meta definida pelo coordenador do curso </td>
                            </td>
                        </tr>

                        <tr>
                            <td valign="top" align="right"><img src="../images/skin/negative.png" width="24" height="24"></td>
                             <td ><strong>${countNegative2}</strong> indicadores ficaram abaixo da meta definida pelo coordenador do curso </td>
                            </td>
                        </tr>                        
                    </table>                    
                </g:form>
                <br/>                
            </div>                                    
            
                </div>
                <div id="tabs-3"> 
  <div class="list" >
                <table>
                    <thead>
                        <tr>

                            <td><b>Indicador</b></td>
                            <td><b>Meta<br>(Respondido pelo coordenador do curso)</b></td>
                            <td><b>Resposta do avaliador</b></td>
                            <td><b>Situação</b></td>                            
                        </tr>
                    </thead>
                    <tbody>
                        <g:each in="${indicadores3}" status="i" var="indicador">
                            <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">

                                <td><b>3.${indicador.ordem}</b> - ${indicador.titulo}</td>
                                
                                <g:if test="${respostaCoordenador3.get(i).conceito == 1}">
                                    <td><b>${respostaCoordenador3.get(i).conceito}</b> - ${indicador.criterio1}</td>
                                </g:if>
                                <g:elseif test="${respostaCoordenador3.get(i).conceito == 2}">
                                    <td><b>${respostaCoordenador3.get(i).conceito}</b> - ${indicador.criterio2}</td>
                                </g:elseif>
                                <g:elseif test="${respostaCoordenador3.get(i).conceito == 3}">
                                    <td><b>${respostaCoordenador3.get(i).conceito}</b> - ${indicador.criterio3}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaCoordenador3.get(i).conceito == 4}">
                                    <td><b>${respostaCoordenador3.get(i).conceito}</b> - ${indicador.criterio4}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaCoordenador3.get(i).conceito == 5}">
                                    <td><b>${respostaCoordenador3.get(i).conceito}</b> - ${indicador.criterio5}</td>
                                </g:elseif>
                                <g:else>
                                    <td><b>${respostaCoordenador3.get(i).conceito}</b> - NSA</td>
                                </g:else>                                
                                

                                                                
                                <g:if test="${respostaAvaliador3.get(i).conceito == 1}">
                                    <td><b>${respostaAvaliador3.get(i).conceito}</b> - ${indicador.criterio1}</td>
                                </g:if>
                                <g:elseif test="${respostaAvaliador3.get(i).conceito == 2}">
                                    <td><b>${respostaAvaliador3.get(i).conceito}</b> - ${indicador.criterio2}</td>
                                </g:elseif>
                                <g:elseif test="${respostaAvaliador3.get(i).conceito == 3}">
                                    <td><b>${respostaAvaliador3.get(i).conceito}</b> - ${indicador.criterio3}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaAvaliador3.get(i).conceito == 4}">
                                    <td><b>${respostaAvaliador3.get(i).conceito}</b> - ${indicador.criterio4}</td>
                                </g:elseif>                                
                                <g:elseif test="${respostaAvaliador3.get(i).conceito == 5}">
                                    <td><b>${respostaAvaliador3.get(i).conceito}</b> - ${indicador.criterio5}</td>
                                </g:elseif>
                                <g:else>
                                    <td><b>${respostaAvaliador3.get(i).conceito}</b> - NSA</td>
                                </g:else> 
                                
                                <g:if test="${respostaCoordenador3.get(i).conceito > respostaAvaliador3.get(i).conceito}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                </g:if>   
                                <g:elseif test="${respostaCoordenador3.get(i).conceito < respostaAvaliador3.get(i).conceito}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                </g:else>   

                            </tr>
                        </g:each>
                    </tbody>
                </table>
            </div>

<br><br>
                
                <div style="width: 100% ; text-align: center">                     
                <g:form name="ajaxForm" >
                    <table class="tabelas" cellpadding="5" cellspacing="1">
                        <tr>
                            <td valign="top" align="center"><img src="../images/skin/same.png" width="24" height="24"></td>
                            <td > <strong>${countSame3}</strong> indicadores atingiram a meta definida pelo coordenador do curso </td>
                        </tr>
                        <tr>
                            <td valign="top" align="right"><img src="../images/skin/positive.png" width="24" height="24"></td>
                             <td ><strong>${countPositive3}</strong> indicadores superaram a meta definida pelo coordenador do curso </td>
                            </td>
                        </tr>

                        <tr>
                            <td valign="top" align="right"><img src="../images/skin/negative.png" width="24" height="24"></td>
                             <td ><strong>${countNegative3}</strong> indicadores ficaram abaixo da meta definida pelo coordenador do curso </td>
                            </td>
                        </tr>                        
                    </table>                    
                </g:form>
                <br/>                
            </div>                                                      
                </div>
                <div id="tabs-5">
  <div class="list" >
                <table>
                    <thead>
                        <tr>

                            <td><b>Dimensão</b></td>
                            <td><b>Meta<br>(Respondido pelo coordenador do curso)</b></td>
                            <td><b>Resposta do avaliador</b></td>
                            <td><b>Peso</b></td>
                            <td><b>Situação</b></td>                            
                        </tr>
                    </thead>
                    <tbody>                        
                            <tr class="odd">

                                <td><b>1 - ORGANIZAÇÃO DIDÁTICO-PEDAGÓGICO</b></td>
                                <td><b>${avaliacaoInstance.coordenadorConceitoDimensao1}</b></td>
                                <td><b>${avaliacaoInstance.conceitoDimensao1}</b></td>
                                <td><b>${avaliacaoInstance.pesoDimensao1}</b></td>
                                
                                <g:if test="${avaliacaoInstance.coordenadorConceitoDimensao1 > avaliacaoInstance.conceitoDimensao1}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                </g:if>   
                                <g:elseif test="${avaliacaoInstance.coordenadorConceitoDimensao1 < avaliacaoInstance.conceitoDimensao1}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                </g:else>                                     
                            </tr> 
                            <tr class="even">

                                <td><b>2 - CORPO DOCENTE E TUTORIAL</b></td>
                                <td><b>${avaliacaoInstance.coordenadorConceitoDimensao2}</b></td>
                                <td><b>${avaliacaoInstance.conceitoDimensao2}</b></td>
                                <td><b>${avaliacaoInstance.pesoDimensao2}</b></td>
                                
                                <g:if test="${avaliacaoInstance.coordenadorConceitoDimensao2 > avaliacaoInstance.conceitoDimensao2}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                </g:if>   
                                <g:elseif test="${avaliacaoInstance.coordenadorConceitoDimensao2 < avaliacaoInstance.conceitoDimensao2}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                </g:else>                                     
                            </tr>
                            <tr class="odd">

                                <td><b>3 - INFRAESTRUTURA</b></td>
                                <td><b>${avaliacaoInstance.coordenadorConceitoDimensao3}</b></td>
                                <td><b>${avaliacaoInstance.conceitoDimensao3}</b></td>
                                <td><b>${avaliacaoInstance.pesoDimensao3}</b></td>
                                
                                <g:if test="${avaliacaoInstance.coordenadorConceitoDimensao3 > avaliacaoInstance.conceitoDimensao3}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                </g:if>   
                                <g:elseif test="${avaliacaoInstance.coordenadorConceitoDimensao3 < avaliacaoInstance.conceitoDimensao3}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                </g:else>                                     
                            </tr>                        
                    </tbody>
                </table>
            </div> 
<br>
  <div class="list" >
                <table>
                    <thead>
                        <tr>

                            <td><b>Conceito Final</b></td>
                            <td><b>Meta<br>(Respondido pelo coordenador do curso)</b></td>
                            <td><b>Meta<br>(Respondido pelo coordenador do curso) (real)</b></td>
                            <td><b>Resposta do avaliador</b></td>
                            <td><b>Resposta do avaliador (real)</b></td>
                            <td><b>Situação</b></td>                            
                        </tr>
                    </thead>
                    <tbody>                        
                            <tr class="odd">
                                <td><b>${avaliacaoInstance.curso.codCurso} - ${avaliacaoInstance.curso.nomeCursoDiploma}</b></td>
                                <td><b>${avaliacaoInstance.coordenadorConceitoFinal}</b></td>
                                <td><b>${avaliacaoInstance.coordenadorConceitoFinalDec}</b></td>
                                <td><b>${avaliacaoInstance.conceitoFinal}</b></td>                                
                                <td><b>${avaliacaoInstance.conceitoFinalDec}</b></td>    
                                
                                <g:if test="${avaliacaoInstance.coordenadorConceitoFinal > avaliacaoInstance.conceitoFinal}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                </g:if>   
                                <g:elseif test="${avaliacaoInstance.coordenadorConceitoFinal < avaliacaoInstance.conceitoFinal}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                </g:else>                                     
                            </tr> 
                            
                            </tr>                        
                    </tbody>
                </table>
            </div> 

            <br><br><br><br>
                
                <div style="width: 100% ; text-align: center">                     
                <g:form name="ajaxForm" >
                    <table class="tabelas" cellpadding="5" cellspacing="1">
                        <tr>
                                <g:if test="${avaliacaoInstance.coordenadorConceitoFinal > avaliacaoInstance.conceitoFinal}">
                                    <td  align="center" > <img src="../images/skin/negative.png" width="24" height="24"> </td>
                                    <td > <strong>O curso não atingiu a meta definida pelo coordenador</strong></td>
                                </g:if>   
                                <g:elseif test="${avaliacaoInstance.coordenadorConceitoFinal < avaliacaoInstance.conceitoFinal}">
                                <td  align="center" > <img src="../images/skin/positive.png" width="24" height="24"> </td>
                                <td > <strong>O curso superou a meta definida pelo coordenador</strong></td>
                                </g:elseif>   
                                <g:else>
                                <td  align="center" > <img src="../images/skin/same.png" width="24" height="24"> </td>
                                <td > <strong>O curso atingiu a meta definida pelo coordenador</strong></td>
                                </g:else> 
                            
                        </tr>
                                           
                    </table>                    
                </g:form>
                <br/>                
            </div>       
                </div>
            </div>
            <br/>
        </g:form>
        <div id="divEnd">
        </div>
    </body>
</html>
